body {font-family: "Helvetica Neue"; background: #fff; font-size: 1rem; line-height: 2rem;color: #333;}
img{border:none; max-width: 100%;}
a{color:#555;  text-decoration:none;}
a:hover{color:#f00;  text-decoration:none;}
li,ul{list-style-type:none;}
ul{ margin: 0;padding: 0;}
/*--- header ---*/
.h-top{ width: 100%; padding: 8px 0; background: #0062a6; line-height: 2em; overflow: hidden; color: #fff;}
.welcome{ text-align: center;}
.serch{ width: 179px; height: 24px; margin-top: 3px; float: left; }
.input_search{ width:157px; height: 24px; border:none; color: #555; float: left; background: url(../Image/srech-txt.jpg); text-indent:8px;}
.search-btn{ width:22px; height:24px; float: right; border:none; background:url(../Image/go.jpg); text-indent:-9999px;}


.fav{ float: right; text-align: right;}
.fav a{ color: #fff;}
.fav a:hover{ color: #ff0;}

.header{ width: 100%; padding: .7rem 0; overflow: hidden;}
.logo{text-align: center;}
.logo img{max-width: 80%; padding-top: 10px;}

/*--- nav ---*/
.navbar{  margin-bottom: 0px; height: 60px; background: url(../Image/nav.jpg) repeat-x; overflow: hidden;}
.navbar-nav{ width: 100%; padding: 0; margin: 0}
.navbar-nav li{ width: 25%; height: 60px; float: left;}
.navbar-nav li a{display: block; width: 100%; height: 60px; line-height: 15px; text-align: center;background: url(../Image/nav-r.jpg) no-repeat right center; color: #333;font-size: 11px;}
.navbar-nav li a:hover{ background: url(../Image/nav-b.jpg) repeat-x; color: #fff;}

.nav-button{ width: 15%; margin: 0 42.5%; color: #fff; background: #0062a6; border: none; line-height: 16px; height: 3rem;}
.nav-sm{ line-height: 1.5rem;}
.nav-sm li{ width: 80%; margin: 0 auto; border-bottom: 1px dashed #cdcdcd; text-align: center;}
.nav-sm li a{ font-size: 1.5rem;}
/*--- banner ---*/
.carousel-inner img{ margin: 0 auto;}
/*--- main ---*/
.main{ padding: 20px 0;}
.m-product .hd{ text-align: center; background: url(../Image/m-line.png) repeat-x; padding-bottom: 15px;}
.m-product .hd img{ max-width: 55%;}
.m-product .bd li{ margin-bottom: 10px;}
.m-product .bd li .img{ text-align: center;}

.m-product .bd li .txt{ text-indent: 20px; line-height: 25px;}
.m-product .bd li a{ display: block; width: 100%; height: 190px; background: #0078c9 url(../Image/p-img-b.jpg) no-repeat bottom right; color: #fff;}
.m-product .bd li a img{width: 100%; height: 150px; }
.m-product .bd li a img:hover{ width: 96%;  padding-top: 2%;}

.m-product .md{ width: 98%; margin: 15px auto; height: 100px; overflow: hidden;}
.m-product .md ul li{ width: 18%; float: left; margin:5px 1%; text-align: center;}
.m-product .md ul li a{ display: block; width: 100%; height: 40px; line-height: 40px; background: #e0e0e0; color: #333;}
.m-product .md ul li a:hover{ background: #0078c9; color: #fff;}

.m-about{ width: 100%; padding: 55px 0; background: #f2f2f2; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; overflow: hidden;}
.m-about .hd{ text-align: center; background: url(../Image/m-line.png) repeat-x; padding-bottom: 15px;}
.m-about .hd img{ max-width: 65%;}
.m-about .bd{ margin-top: 20px;}

.m-about .bd .txt .title{ margin-top: 10px;overflow: hidden;}
.m-about .bd .txt .title .name{ width: 80%; font-weight: 700; float: left;font-size: 22px;  color: #0364a9;}
.m-about .bd .txt .title .more{ width: 18%; float: right;  border: 1px solid #555; text-align: center;}
.m-about .bd .txt .content{ line-height: 33px;}

.m-bot{ padding: 35px 0;}
.m-news .hd{ width: 100%; overflow: hidden;}
.m-news .hd p{ width: 70%; float: left;}
.m-news .hd p img{ max-width: 80%;}
.m-news .hd a{ display: block; width: 23%; line-height: 35px; float: right; height: 35px; text-align: center; background: #0364a9;color: #fff;}
.m-news .hd a:hover{ color: #ff0;}
.m-news .bd{ padding-top: 15px; overflow: hidden;}

.o-news{ width: 100%; height: 110px; overflow: hidden;}
.o-news .img{ width: 28%; float: left;}
.o-news .img img{ width: 100%; height: 110px;}
.o-news .txt{ width: 70%; float: right; height: 110px; }
.o-news .txt .title{ overflow: hidden;}
.o-news .txt .title .name{ float: left;}
.o-news .txt .title .time{ float: right; color: #999; text-align: right;}

.m-news{ margin-top: 10px;}
.m-news-box{ width: 100%; height: 72px; margin-bottom: 20px; overflow: hidden;}
.m-news-box .time{ width: 15%; float: left; height: 72px; padding-top: 10px; background: #87b3d2; text-align: center; color: #fff;}
.m-news-box .time:hover{ background: #f28201; color: #333}
.m-news-box .time span{ font-size: 31px;}
.m-news-box .txt{ width: 82%; float: right; height: 72px; color: #999;}
.m-news-box .txt:hover{ text-decoration: underline;}
.m-news-box .txt a{ color: #666;}
.m-news-box .txt a:hover{ color: #0364a9;}

.m-contact .hd{ margin-bottom: 25px;}
.m-contact .hd img{ max-width: 65%;}
.m-contact .md{ padding-bottom: 20px;}
.m-contact .md img{ max-width: 100%;}
.m-contact .bd span{ color: #32394d; font-size: 16px;}
.m-contact .bd ul li{ width: 100%;  line-height: 25px;}
/*--- sidebar ---*/ 

/*--- indise ---*/
.nnav{ padding: 0 0 1.5rem 0; overflow: hidden;}
.nnav .hd{ text-align: center; background: url(../Image/m-line.png) repeat-x; padding-bottom: 15px;}
.nnav .hd img{ max-width: 55%;}
.n-n-list{ text-align: center; margin: 1% 0;}
.n-n-list a{ display: block; width: 100%; height: 40px; line-height: 40px; background: #e0e0e0; color: #333;}
.n-n-list a:hover{ background: #0078c9; color: #fff;}

.inside{ width: 100%; padding: 15px 0; overflow: hidden;}
.middle{ width: 100%;  border: 1px solid #0078c9;}
.middle-hd{ width: 100%; height: 5rem; line-height: 5rem; border-bottom: 1px solid #0078c9; overflow: hidden;}
.catname{ float: left; font-size: 2.2rem; padding:.5rem 2rem; color: #0078c9; font-weight: 700;}
.cname{ float: right; padding:.5rem 2rem; text-align: right;}
.n-n{ width: 96%; margin: 0 auto; padding: 15px 0; line-height: 260%;}
/*--- footer ---*/
.footer{ width: 100%; margin-top: 10px; background: url(../Image/footer.jpg) no-repeat top center; height: 238px; margin-bottom: 4rem;  overflow: hidden;color: #fff;}
.f-txt{ width: 100%;}
.f2{ text-align: center; color: #fff; padding: 25px 0; line-height: 30px;}
.f2 a{ color: #fff;}


#end{ width:100%; background: #0062a6; height: 4rem; position: fixed; bottom:0; overflow: hidden;}
#end li{ width: 25%; height: 4rem; line-height:3.5rem; float: left; text-align: center; overflow: hidden;}
#end li a{ color: #fff; font-size: 15px;}
#end li a:hover{ color: #f00;}
/*--- Universal ---*/
.piclist{ text-align: center;}
.piclist img{ max-width: 98%; border: 1px solid #dedede; padding: 5px;height: 200px;object-fit: cover;}
.piclist a{ color: #555;}
.piclist a:hover{ color: #f00;}
.p-top{ text-align: center; line-height: 3rem; font-weight: 700; font-size: 1.5rem; color: #f00;}
.p-top img{ max-width: 60%;}
.p-content{ border: 1px solid #dedede;}
.p-content .title{ padding: 6px; font-weight: 700; border-bottom: 1px solid #dedede; }
.p-content .nr{ padding: 10px;}
#prev_next{ padding: 0 10px;}

#indexNews{ width:98%; margin:0 auto; padding:5px 0; overflow:hidden;} 
#indexNews li{clear: both;line-height:300%;overflow: hidden; border-bottom:1px dashed #304102;}
#indexNews li a{ color: #555; text-decoration:none; float:left; clear:both; }
#indexNews li a:hover{ color: #f00; text-decoration:none;float:left;}
.Newstime{float:right;}
#newTitle{color:#FF0000;font-size:14px;text-align:center;text-align:center;}
#newsContent{margin-bottom:16px;}
#newsInfo{margin:0px;font-weight:normal; text-align:center; font-size:12px;}
.infoClass{margin:0px;margin-bottom:10px;line-height:12px;}
#infoImage{text-align:center;margin:10px 0;}
#infoImage img{padding:1px; border:1px solid #dedede;}

.message-box ul{ margin-bottom: 10px; overflow: hidden;}
.tl{ float: left; width: 15%; text-align: center;}
.tr{float: left; width: 84%; padding-left: 1rem;}
.t1{ width: 95%; border: 1px solid #cdcddc; height: 3rem;}
.t2{ width: 95%; border: 1px solid #cdcddc; height: 10rem;}
.t3{ width: 80px; height: 2.9rem; border: 1px solid #cdcdcd;}
.t4{ width: 80px; height: 3rem; vertical-align: top}
.t5{width:74px;height:31px;line-height:31px;background:#4a5b6d;border-radius:2px;border:none;text-align:center;margin-top:14px;margin-left:5px;font-size:14px;font-family:微软雅黑,黑体,sans-serif;color:#FFF;}
.t5 a{text-decoration:none;font-size:14px;font-family:微软雅黑,黑体,sans-serif;color:#FFF;display:block;}
.t5 a:hover{background:#4a5b6d;border-radius:2px; text-decoration: underline;}
#page{ border: 1px solid #cdcdcd; margin: 8px 0; text-align: center; height: 4rem; line-height: 4rem;}
#allmap{ width:98%; margin:0 auto; border:1px solid #dedede; height:300px; overflow:hidden;}




/*小屏幕 (平板 大于等于768px)*/
@media (min-width:768px){ 
	body{ font-size: 12px; line-height: 20px;}
	.header{ width: 100%; padding: 1.5rem 0; overflow: hidden;}
	.welcome{ text-align: center;}
	.logo{text-align: center;}
	.m-product .bd li a{  height: 200px; }
	.m-product .bd li a img{width: 100%; height: 160px; }
	#allmap{  height:400px; }
}

/*中等屏幕 (桌面显示器 大于等于992px)*/
@media (min-width:992px){ 
	body{ font-size: 14px; line-height: 22px;}
	.header{ width: 100%; padding: 1.5rem 0; overflow: hidden;}
	.welcome{ float: left; text-align: left; padding-right: 43%;}
	.logo{float: left; text-align: left}
	.tel{ float: right;}
	.navbar-nav li{ width: 12.5%; height: 60px;}
	.navbar-nav li a{height: 60px; line-height: 35px; font-size: 14px;}
	.m-product .md{ width:98%;}
	.m-product .bd li a{  height: 220px; }
	.m-product .bd li a img{width: 100%; height: 180px; }
	.m-contact .bd ul li{ width: 50%; float: left;  line-height: 30px;}	
	.footer{ margin-bottom: 0px;}
	.f-txt{ width: 80%; float: left; margin-top: 55px; }
	.f-ewm{ float: right; width: 14%; text-align: center; padding-top: 20px;}
	.f-nav{ margin-bottom: 15px;overflow: hidden;}
	.f-nav ul li{ width: 12.5%; float: left; text-align: center;}
	.f-nav ul li a{ color: #fff; font-style: 16px;}
	.f-nav ul li a:hover{ color: #f78000;}
	.f-ctxt{ margin-top: 60px; line-height: 35px;}
	.f-ctxt a{ color: #fff;}
	.f-ctxt a:hover{ color: #f78000;}
	#allmap{  height:500px; }
}

/*大屏幕 (大桌面显示器 大于等于1200px)*/
@media (min-width:1200px){ 
	body{ font-size: 14px; line-height: 24px;}
	.header{ width: 100%; padding: 1.5rem 0; overflow: hidden;}
	.welcome{ float: left; text-align: left; padding-right: 35%;}
	.logo{float: left; text-align: left}
	.tel{ float: right;}
	.navbar-nav li{ width: 12.5%; height: 60px;}
	.navbar-nav li a{height: 60px; line-height: 35px; font-size: 16px;}
	.m-product .md{ width: 98%;}
	.m-product .bd li a{  height: 240px; }
	.m-product .bd li a img{width: 100%; height: 200px; }
	.m-contact .bd ul li{ width: 50%; float: left; line-height: 35px;}
	.footer{ margin-bottom: 0px;}
	.f-txt{ width: 80%; float: left; margin-top: 55px; }
	.f-ewm{ float: right; width: 14%; text-align: center; padding-top: 20px;}
	.f-nav{ margin-bottom: 15px;overflow: hidden;}
	.f-nav ul li{ width: 12.5%; float: left; text-align: center;}
	.f-nav ul li a{ color: #fff; font-style: 16px;}
	.f-nav ul li a:hover{ color: #f78000;}
	.f-ctxt{ margin-top: 60px; line-height: 35px;}
	.f-ctxt a{ color: #fff;}
	.f-ctxt a:hover{ color: #f78000;}
	#allmap{  height:600px; }
}